﻿<%@ Page Language="C#" AutoEventWireup="true" MasterPageFile="~/YUIAspNet.Master" CodeBehind="Slider.aspx.cs" Inherits="YUIAspNetDemo.Slider" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
     <script type="text/javascript">
        function showValueV(wrappedSlider, value) {
            $get('verticalSliderValue').innerHTML = value;
        }
        function showValueH(wrappedSlider, value) {
            $get('horizontalSliderValue').innerHTML = value.toFixed(2);
        }
    </script>
    <style type="text/css">
    /*.trackerHorizontal {position:absolute; display:block; background:red;z-index:1; margin-top:10px; height:5px}
    .trackerVertical {position:absolute; display:block; background:red;z-index:1; margin-left:20px; width:10px}*/
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div>
        Simple vertical slider:<br />
        <yui:Slider ID="verticalSlider" OnClientChange="showValueV" EnableAnimation="true" MaxValue="200" runat="server" />
        Value:<span id="verticalSliderValue"></span>
        <hr />
        Horizontal slider with predefined ticks & increment factor:<br />
        <yui:Slider ID="horizSlider" OnClientChange="showValueH" IncrementSize="10" IncrementFactor="0.005" InitialValue="0" Orientation="Horizontal" MaxValue="200" runat="server" />
    </div>
    Value: <span id="horizontalSliderValue"></span>
</asp:Content>
